<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客系统登录页面</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/blog_register.css">
</head>

<body>
    <!-- 导航栏 -->
    <div class="nav">
        <img src="./imag/logo.jpg" alt="博客图标">
        <span class="title">博客系统</span>
        <!-- 用于将图片 和 超链接分割开 -->
        <div class="splacer"></div>
        <a href="./blog_list.html">主页</a>
        <a href="./blog_edit.html">写博客</a>
    </div>
    <!-- 贯穿整个页面的容器 -->
    <div class="login-container">
        <!-- 垂直居中的注册框 -->
        <div class="login-frame">
            <h2>欢迎注册个人博客</h2>
            <div class="row">
                <span>用户名:</span>
                <input type="text" id="username" placeholder="请输入用户名">
            </div>
            <div class="row">
                <span>密码:</span>
                <input type="password" id="password1" placeholder="请输入密码">
            </div>
            <div class="row">
                <span>确认密码:</span>
                <input type="password" id="password2" placeholder="请确认密码">
            </div>
            <div class="srow">
                <button id="submit">注册</button>
            </div>
            <div class="reg">
                <a href="./blog_login.html">已有账号，去登录！</a>
            </div>
        </div>
    </div>
</body>

</html>